/*******************************************************************************
 * Copyright (c) 2012-2017 Codenvy, S.A.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *   Codenvy, S.A. - initial API and implementation
 *******************************************************************************/
/* Default annotated CSS for Tree.java */
/* @def treeIndent 14px; */
@eval hoverRowBackground org.eclipse.che.ide.api.theme.Style.theme.projectExplorerHoverRowBackground();
@eval hoverRowBorder org.eclipse.che.ide.api.theme.Style.theme.projectExplorerHoverRowBorder();
@eval selectedRowBackground org.eclipse.che.ide.api.theme.Style.theme.projectExplorerSelectedRowBackground();
@eval selectedRowBorder org.eclipse.che.ide.api.theme.Style.theme.projectExplorerSelectedRowBorder();
@eval treeExpandArrowColor org.eclipse.che.ide.api.theme.Style.theme.treeExpandArrowColor();
@eval treeExpandArrowShadow org.eclipse.che.ide.api.theme.Style.theme.treeExpandArrowShadow();

.treeRoot {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: none;
}

.treeNode {
    list-style-type: none;
    display: block;
}

.treeRoot > .treeNode {
    margin-top: 2px;
}

.treeRoot > .treeNode > .treeNodeBody > .leafIcon {
    visibility: hidden;
    float:left;
}

.childrenContainer {
    position: relative;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.treeNodeBody {
    min-width: 100%;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.treeNodeBody:HOVER {
    background-color: hoverRowBackground;
}

.treeNodeBody:hover::after {
    background-color: hoverRowBorder;
}

.expandControl {
    display: inline-block;
    vertical-align: middle;
    -moz-transition: -moz-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    position: relative;
    height: 18px;
    width: 18px;
    float: left;
}

.expandControl svg {
    pointer-events: none;
    fill: treeExpandArrowColor;
    -webkit-filter: drop-shadow( treeExpandArrowShadow );
    margin-left: 3px;
    margin-top: 1px;
}

/* We have no icon, just a spacer */
.leafIcon {
    width: 18px;
    height: 18px;
    visibility: hidden;
}

.treeNodeLabel {
    height: 18px;
}

.treeNodeLabel > div {
    float: left;
}

.treeNode a:hover {
    color: mainFontColor;
}

.active,
.selected {
    background-color: selectedRowBackground ! important;
}

.active::after,
.selected::after {
    background-color: selectedRowBorder;
}

.active::after,
.selected::after,
.selectedInactive::after,
.treeNodeBody:hover::after {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    left: 0;
}

.active,
.selected:hover {
    background-color: hoverRowBackground ! important;
}

.selectedInactive {
    background-color: hoverRowBackground ! important;
}

.selectedInactive::after {
    background-color: hoverRowBorder;
}

.isDropTarget {
    background-color: #dfdfdf;
    margin: -2px;
    padding: 2px;
}
